<template>
  <Card title="今日销售额" value="8888888">
    <template #default>
      <div class="sale">
        <div class="emphasis">日同比&nbsp;-19.82%&nbsp;<span class="reduce"></span></div>
        <div class="emphasis">月同比&nbsp;56.88%&nbsp;<span class="add"></span></div>
      </div>
    </template>

    <template #footer>
      <div>昨日销售额<span class="emphasis">￥269,000,00</span></div>
    </template>
  </Card>
</template>

<script>
import Card from './Card.vue'
    export default {
        name:'TodaySale',
        components:{
            Card,
        }
    }
</script>

<style lang="scss" scoped>
.sale {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  > div {
    display: flex;
    align-items: center;
  }
}
</style>
